<template>
  <div>
    <h2 style="text-align: center; background-color: aqua;color: aliceblue;">注册</h2>
    <table class="table table-bordered" style="background-color: aqua;color: aliceblue;width: 500px;margin: 0 auto">
      <tr>
        <td>手机号</td>
        <td>
          <input type="text" v-model="info.phone">
        </td>
      </tr>
      <tr>
        <td>密码</td>
        <td>
          <input type="password" v-model="info.pwd">
        </td>
      </tr>
      <tr>
        <td>确认密码</td>
        <td>
          <input type="password" v-model="info.pwd2">
        </td>
      </tr>
      <tr>
        <td colspan="2" style="text-align: center;">
          <input type="button" value="注册" @click="zhuce">
        </td>

      </tr>
    </table>

  </div>
</template>

<script setup lang="ts">
import {ref} from "vue";
import {useRoute} from 'vue-router'
let router=useRoute();
const info=ref({
  phone:"",
  pwd:"",
  pwd2:"",

})
//注册函数
const zhuce=()=>{
  if(info.value.phone==""||info.value.pwd==""||info.value.pwd2=="")
  {
    alert("请输入完整信息")
    return;
    }
    //13)	判断密码和确认密码这两个信息必须一致，不符合则给出提示信息（5分）
    else if(info.value.pwd!=info.value.pwd2)
    {
      alert("两次密码不一致");
      return;
    }
    //12)	判断用户输入的手机号的长度只能是11位，不符合则给出提示信息（5分）
    var Reg=/^1[2-9]\d{9}$/;
    if(!Reg.test(info.value.phone))
    {
      alert("请输入正确的手机号");
      return;
    }
    //13)	判断密码和确认密码这两个信息必须一致，不符合则给出提示信息（5分）
    if(info.value.pwd!=info.value.pwd2)
    {
      alert("两次密码不一致");
      return;
    }
    //14)	验证用户输入的手机号必须是“13512349876”，密码必须是“123456”，输入内		容不正确则给出提示信息（5分）
    if(info.value.phone!='13512349876'||info.value.pwd!='123456')
    {
      alert("输入内容不正确");
      return;
    }

    alert("注册成功")
   


}

</script>

<style scoped>

</style>